<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
        <link rel="stylesheet" href="bootstrap-3.3.5/css/bootstrap.css">
		<title>学生课程管理界面</title>
		<link href="css/index.css" rel="stylesheet" type="text/css" /> 
		<script type="text/javascript" src="js/jquery.1.4.2-min.js"></script>
		<script type="text/javascript" src="js/Calculation.js"></script>
		<script type="text/javascript">
        //页面加载   获取全部信息
        $(function(){
            $.ajax({
                type: "get",//请求方式
                url: "stucoursedata.json",//地址，就是json文件的请求路径
                dataType: "json",//数据类型可以为 text xml json  script  jsonp
　　　　　　　　　       success: function(result){
                addBox(result);
                }
            });
        });
        
        function addBox(result){
                //result是一个集合,所以需要先遍历
	            $.each(result,function(index,obj){
	                $("#box").append(obj['name']+ obj['sex'] +obj['email']+"<br>" );
	            });
        }
        
    </script>

</head>
<body>
<!-- 构建装一个容器 -->
<div id="box" style="c">
</div>
</body>
</html>